<template>
    <!-- <div>
       <span>
         <slot name="left"></slot>
       </span>
       <span>
         <slot name="right"></slot>
       </span>
    </div> -->
    <table border>
       <thead>
        <th>姓名</th>
        <th>班级</th>
        <th>爱好</th>
        <th>年龄</th>
        <th>操作</th>
       </thead>
       <tbody>
         <tr v-for="(item,index) in tableData" :key="index">
            <td>{{item.name}}</td>
            <td>{{item.class}}</td>
            <td>{{item.hobby}}</td>
            <td>{{item.age}}</td>
            <td>
               <slot :row="item" :i="index"></slot>
            </td>
         </tr>
       </tbody>
    </table>
</template>
<script>
export default {
    props:{
      msg: String,
      tableData: Array
    }
}
</script>